import React, {Component} from 'react';
import {View, StyleSheet, TouchableOpacity,TouchableHighlight } from "react-native";
import ListItemComponent from "../../../components/ListItemComponent";


class UserCenter extends Component {
    onTouch () {
        this.props.navigation.navigate("Notify")
    }
    render() {
        return (
            <View style={styles.userBody}>
                <View style={styles.centerContainer}>
                    {/*this.props.navigation.navigate("Notify")*/}
                        <ListItemComponent text={"通知"} onPress={this} />

                    {/*<ListItemComponent text={"我的订单"} imgUrl={"order"} />*/}
                    {/*<ListItemComponent text={"我的邀请"} imgUrl={"inviter"} flag={true}/>*/}
                    {/*<ListItemComponent text={"我的工单"} imgUrl={"work_order"} flag={true}/>*/}
                    {/*<ListItemComponent text={"流量明细"} imgUrl={"flux"} flag={true}/>*/}
                    {/*<ListItemComponent text={"修改密码"} imgUrl={"flux"} flag={true}/>*/}
                </View>
            </View>
        );
    }
}

export default UserCenter;

const styles = StyleSheet.create({
    userBody:{
        flex:1,
        backgroundColor:"#F2F2F2",
        alignItems:"center"
    },
    centerContainer:{
        width:"98%",
        borderWidth:1,
        borderColor:"#FAFAFA",
        backgroundColor: "#FAFAFA",
        borderRadius:10,
        marginTop:10,
    }
})
